<template>
  <div class="">
    <img src="../static/img/contact.webp" width="100%" height="auto" />
    <div class="w1280">
      <el-card>
        <div slot="header">
          <el-row class="contact_iconList">
            <el-col :span="8"
              ><img src="../static/img/qq.png" width="83" height="83" />
              <h5>QQ</h5>
              <p>1173980784</p></el-col
            >
            <el-col :span="8"
              ><img src="../static/img/wechat.png" width="83" height="83" />
              <h5>微信</h5>
              <p>CikJ_0809</p></el-col
            >
            <el-col :span="8"
              ><img src="../static/img/email.png" width="83" height="83" />
              <h5>邮箱</h5>
              <p>1173980784@qq.com</p></el-col
            >
          </el-row>
        </div>
        <div class="contact_info">
          <h1>在线留言</h1>
          <el-row :gutter="30" style="margin-bottom: 20px">
            <el-col :span="8">
              <el-input placeholder="姓名" v-model="name"></el-input>
            </el-col>
            <el-col :span="8">
              <el-input placeholder="手机" v-model="phone"></el-input>
            </el-col>
            <el-col :span="8">
              <el-input placeholder="邮箱" v-model="email"> </el-input>
            </el-col>
          </el-row>
          <el-row style="margin-bottom: 20px">
            <el-input
              type="textarea"
              :rows="10"
              placeholder="请输入内容"
              v-model="textarea"
            >
            </el-input>
          </el-row>
          <el-row style="text-align: center">
            <el-button type="primary" class="contact_btn">提交</el-button>
          </el-row>
        </div>
      </el-card>
    </div>
    <ToolsBar :telescoping_status="false"></ToolsBar>
  </div>
</template>

<script>
import ToolsBar from "@/components/toolsBar.vue";
export default {
  components: {
    ToolsBar,
  },
  data() {
    return {
      searchWord: "",
      activeIndex: 0,
      name: "",
      phone: "",
      email: "",
      textarea: "",
    };
  },
};
</script>
<style>
@import "../assets/css/contact.css";
</style>